<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../jquery/jquery-3.6.0.min.js"></script>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
    <script src="../bootstrap/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../css/photo.css">
  

</head>

<body>
    <div id="myModalx" class="modalx">
        <span class="close">×</span>
        <img class="modalx-content" id="img01">
        <div id="captionx"></div>
    </div>
    <div class="container-fluid head">
        <h2 class="title">照片墙</h2>

        <div class="row">
            <div class="col-md-4 clbox">
                <div class="page-header">
                    <h4 class="peo">李真：</h4>
                    <h4>班级名称:土豆班</h4>
                    <div>
                        <img src="../img/ch1.jpg" class="photo1 myImg" />
                    </div>
                    <p class="pp">2-6岁学前阶段，重点激发孩子的想象力和创造力。因此，美术教室特别设计建造水幕墙、黑板墙、蜗牛台等大型操作区域，延伸创作空间，有效提高孩子想象力和创造力。同时，以儿童心理、生理发展特征为指导，针对不同年龄设计四阶段手工课程。训练孩子追视能力，刺激孩子精细动作、双侧协调、手眼协调等能力的发展，为今后的学习打下基础。在美术课中我们也设计集体创作环节，培养孩子团队协作能力，促进孩子群性发展。
                    </p>
                    <span class="time">2022-01-13 09:45:12</span>
                </div>
                <!-- <button type="button" class="btn btn-primary btn-lg revise" data-toggle="modal"
                    data-target="#exampleModal1" data-whatever="@mdo">
                    <span class="glyphicon glyphicon-wrench" aria-hidden="true"></span>修改
                </button> -->
                <button type="button" class="btn btn-default btn-lg del">
                    <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>删除
                </button>

            </div>
            <div class="col-md-4 clbox">
                <div class="page-header">
                    <h4 class="peo">刘晓刚：</h4>
                    <h4>班级名称:菠萝班</h4>
                    <div>
                        <img src="../img/ch2.jpg" class="photo1 myImg" />
                    </div>
                    <p>幼儿期正处在成长发育最快的时期。幼儿体操是一项融体育、舞蹈、音乐为一体的运动项目，其综合性、艺术性很强，具有丰富的美学内容，通过音乐伴奏下的肢体语言展现出来，可使人体外型更加匀称和谐，体态更加刚健、优美，动作刚柔相济。妈咪家双语幼儿学校设置的幼儿体操课程，以积极欢快的中英文儿歌为课程素材 ，根据幼儿不同的年龄阶段，创编适合幼儿身体发展的动作（柔韧、协调、力量、平衡、灵敏、勇敢等身体动作能力）。</p>
                    <span class="time">2022-01-14 16:25:42</span>
                </div>
                <!-- <button type="button" class="btn btn-primary btn-lg revise" data-toggle="modal"
                    data-target="#exampleModal1" data-whatever="@mdo">
                    <span class="glyphicon glyphicon-wrench" aria-hidden="true"></span>修改
                </button> -->
                <button type="button" class="btn btn-default btn-lg del">
                    <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>删除
                </button>

            </div>
            <div class="col-md-4 clbox">
                <div class="page-header">
                    <h4 class="peo">江晓丽：</h4>
                    <h4>班级名称:佩奇班</h4>
                    <div>
                        <img src="../img/ch3.jpg" class="photo1 myImg" />
                    </div>
                    <p>从儿童心理发展、大脑神经科学与听觉、视觉、触觉、本体觉为设计基础，以「视听动整合」、「情绪感知」与「语言表达」为培育三阶段，设计五大板块课程：节奏律动、音乐欣赏、儿歌韵律、听觉游戏、综合表演。是借由音乐学科为媒介，进行大脑与身体感觉整合，来提高儿童学习力和表达力，丰富幼儿的想象力、提升幼儿审美能力、提升幼儿自信心、刺激幼儿群性发展的课程。</p>
                    <span class="time">2022-01-15 11:00:21</span>
                </div>
                <!-- <button type="button" class="btn btn-primary btn-lg revise" data-toggle="modal"
                    data-target="#exampleModal1" data-whatever="@mdo">
                    <span class="glyphicon glyphicon-wrench" aria-hidden="true"></span>修改
                </button> -->
                <button type="button" class="btn btn-default btn-lg del">
                    <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>删除
                </button>

            </div>
        </div>

        <button type="button" class="btn btn-primary glyphicon glyphicon-check publish" data-toggle="modal"
            data-target="#exampleModal" data-whatever="@getbootstrap">发布照片</button>
    </div>
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="exampleModalLabel">发布照片</h4>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label for="recipient-name" class="control-label">请选择发布人:</label>
                            <select name="cars" class="choose">
                                <option value="volvo">李真：</option>
                                <option value="saab">刘晓刚：</option>
                                <option value="fiat">江晓丽：</option>
                                <option value="audi">刘青青：</option>
                                <option value="audi">郑大海：</option>
                                <option value="audi">罗娜美：</option>
                                <option value="audi">程前岚：</option>
                                <option value="audi">龚礼春：</option>
                                <option value="audi">周贤楷：</option>
                                <option value="audi">彭翔：</option>
                                <option value="audi">刘哲炜：</option>
                                <option value="audi">许施恩：</option>
                            </select>
                            <label for="recipient-name" class="control-label">请选择班级名称:</label>
                            <select name="cars" class="choose1">
                                <option value="volvo">班级名称:土豆班</option>
                                <option value="saab">班级名称:菠萝班</option>
                                <option value="fiat">班级名称:佩奇班</option>
                                <option value="audi">班级名称:乔治班</option>
                                <option value="audi">班级名称:熊大班</option>
                                <option value="audi">班级名称:熊二班</option>
                                <option value="audi">班级名称:前岚班</option>
                                <option value="audi">班级名称:哲炜班</option>
                                <option value="audi">班级名称:施恩班</option>
                                <option value="audi">班级名称:彭翔班</option>
                                <option value="audi">班级名称:贤楷班</option>
                            </select>
                            <input class="input-file" type="file">
                            <div class="pc">
                                <img src="" class="photo" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="message-text" class="control-label">内容:</label>
                            <textarea class="form-control txt" id="message-text" rows="6"></textarea>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary sendmess" data-dismiss="modal">确定发送</button>
                </div>
            </div>
        </div>
    </div>
    <!-- <div class="modal fade" id="exampleModal1" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="exampleModalLabel">修改消息</h4>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label for="recipient-name" class="control-label">所选对象:</label>
                            <select name="cars" class="changepeo">
                                <option value="volvo">通知：所有人</option>
                                <option value="saab">通知：所有学生</option>
                                <option value="fiat">通知：所有老师</option>
                                <option value="audi">通知：全体师生</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="message-text" class="control-label">内容:</label>
                            <textarea class="form-control mytxt" id="message-text" rows='6'></textarea>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary revisebtn" data-dismiss="modal">确定修改</button>
                </div>
            </div>
        </div>
    </div> -->
</body>

<script src="../js/photo.js"></script>

</html>